<template>
    <div class="concatUs">
        <div class="topBox">
            <img class="leftImg" src="../../static/imgs/left_b.png" @click="handleBack" alt="">
            <div class="title">
                {{ $t('assemble.联系我们') }}
            </div>
        </div>



        <div class="contactas-box" v-html="content"></div>


    </div>
</template>
<script>
import { onepage } from ".././../utils/api"
export default {
    components: {

    },
    data() {
        return {
            content: "",
            lang: 'zh',

        }
    },
    created() {
        this.$i18n.locale = localStorage.getItem('langtype')
        this.lang = localStorage.getItem('langtype')

    },
    mounted() {
        this.genAboutus()
    },
    methods: {
        async genAboutus() {
            let res = await onepage({
                name: " contactus"
            })
            if (res.code == 1) {
                console.log("关于我们", res)
                this.content = res.data
            }
            // if (res.code == 401) {
            //     this.$router.push({ path: '/login' })
            // }
        },
        handleBack() {
            this.$router.back(1)
        },
    },

}
</script>

<style scoped lang="scss">
@media screen and (max-width: 750px) {
    .topBox {
        width: 100%;
        height: 44px;
        // padding: 10px 15px;
        padding-top: 10px;
        position: relative;
        font-family: PingFang SC, PingFang SC;
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        line-height: 19px;
        text-align: left;
        font-style: normal;
        text-transform: none;

        .leftImg {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 10px;
            left: 15px;
        }

        .title {
            width: 100%;
            text-align: center;

        }
    }

    .contactas-box {
        width: 100%;
        height: 100%;
        padding: 30px;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 751px) and (max-width: 1300px) {

    .topBox {
        width: 100%;
        height: 88px;
        // padding: 10px 15px;
        padding-top: 20px;
        position: relative;
        font-family: PingFang SC, PingFang SC;
        font-weight: 600;
        font-size: 25px;
        color: #333333;
        line-height: 19px;
        text-align: left;
        font-style: normal;
        text-transform: none;
        display: flex;
        align-items: center;

        .leftImg {
            width: 48px;
            height: 48px;
            position: absolute;
            top: 40px;
            left: 30px;
        }

        .title {
            width: 100%;
            text-align: center;

        }
    }

    .contactas-box {
        width: 100%;
        height: 100%;
        padding: 60px;
        box-sizing: border-box;
    }
}
</style>